<template>
	<div class="buy">
		<div class="buyLeft">
			<span class="city">北京</span>
			<i class="iconfont icon-icon--"></i>
		</div>
		<div class="searchBox">
			<p><i class="iconfont icon-sousuo"></i>筛选影院</p>
		</div>
		<div class="buyRight">搜索</div>
	</div>
</template>

<script>
	export default {
		name: "searchbuy",
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '~@/assets/css/common.scss';
	.buy {
		width: 100%;
		background: #f6f6f6;
		display: flex;
		justify-content: space-around;
		align-items: center;
		padding: vw(10) 0;
		border-bottom: vw(2) solid #d8d8d8;
		.buyLeft {
			width: vw(65);
			font-size: vw(16);
			display: flex;
			align-items: center;
			.city {
				white-space: nowrap;
				display: inline-block;
				width: vw(46);
				overflow: hidden;
			}
		}
		.searchBox {
			width: vw(180);
			height: vw(36);
			line-height: vw(36);
			border: 1px solid #666;
			border-radius: vw(10);
			background: #fff;
			p {
				padding-left: vw(5);
				color: #666;
				font-size: vw(16);
				i {
					font-size: vw(24);
				}
			}
		}
		.buyRight{
			font-size: vw(16);
			width: vw(70);
			height: vw(40);
			border: 1px solid #fff;
			border-radius: vw(5);
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>
